<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">


    <p:panel  header="REPORTE PRECIO DE ARTICULOS" style="width: 650px;margin: 0px auto" id="pnlPrecioArticulo" toggleable="true">
        <p:panelGrid>
            <p:row>
                <p:column>
                    <h:outputLabel value="PROVEEDOR" class="lblBusqueda"/>
                </p:column>
                <p:column colspan="3">
                    <p:inputText value="#{BKReporteLogistica.detalleOrdenCompra.idOrdenCompraServicio.idProveedor.razonSocial}" 
                                 style="width: 100%"/>
                </p:column>
            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel value="ARTICULO" class="lblBusqueda"/>
                </p:column>
                <p:column colspan="3">
                    <p:inputText value="#{BKReporteLogistica.detalleOrdenCompra.idArticulo.nombreComercial}" 
                                 style="width: 100%"/>
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel value="ORDENAR POR" class="lblBusqueda"/>
                </p:column>
                <p:column colspan="3">
                    <p:selectOneMenu value="#{BKReporteLogistica.ordenarArt}" >  
                        <f:selectItem itemLabel="ARTICULO" itemValue="A" />   
                        <f:selectItem itemLabel="PROVEEDOR" itemValue="P" />     
                    </p:selectOneMenu>
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel  value="DEL" class="lblBusqueda"/>
                </p:column>
                <p:column>
                    <p:calendar id="txtFechaInicio" locale="es"
                                value="#{BKReporteLogistica.fechaInicioArt}" 
                                pattern="dd/MM/yyyy" 
                                maxdate="#{BKReporteLogistica.fechaFinalArt}"
                                showOn="button" showButtonPanel="true" navigator="true">
                        <p:ajax event="dateSelect" update="txtFechaFinal" process="@this" />
                    </p:calendar>
                </p:column>
                <p:column>
                    <h:outputLabel  value="AL" class="lblBusqueda"/>
                </p:column>
                <p:column>
                    <p:calendar  locale="es" id="txtFechaFinal"
                                 value="#{BKReporteLogistica.fechaFinalArt}" 
                                 pattern="dd/MM/yyyy"
                                 mindate="#{BKReporteLogistica.fechaInicioArt}"
                                 showOn="button" showButtonPanel="true" navigator="true">
                        <p:ajax event="dateSelect" process="@this" update="txtFechaInicio" />
                    </p:calendar>
                </p:column>
            </p:row>
            
            <p:row>
                <p:column colspan="4">
                    <p:commandButton action="#{MBReporteLogistica.reporteArticulosOC()}" ajax="false" value="Generar Reporte"/>
                </p:column>
            </p:row>
        </p:panelGrid>
   
    </p:panel>


</html>